﻿.homepage section[role=main] {
    margin-left: 120px;
}

@media screen and (-ms-view-state: snapped) {
    .homepage section[role=main] {
        margin-left: 20px;
    }
}

@media screen and (-ms-view-state: portrait) {
    .homepage section[role=main] {
        margin-left: 100px;
    }
}

a:link {
    color:white;
}

body {
    background-color:#C27D4F;

}

#divContainer {
    position:absolute;
    top:8em;
    right:0;left:0;
    width:900px;
    height:303.5px;
    margin:auto auto;
}

#shuttle {
    position: relative;
    width: 200px;
    height:200px;
    top:10em;
    padding: 2em;
    margin:0;
    left:-7em;
    background-color:forestgreen;
    font-family: Calibri, sans-serif;
    box-shadow: 0 0 10px rgba(255,255,255, 0.9);
}

#shuttleTitle {
    position:relative;
    top:-15px;
    left:60px;
    font-size:50px;
    font-weight:100;
    width:60px;
}

#bus24 {
    position:relative;
    width: 200px;
    height:200px;
    padding: 2em;
    margin: 2em;
    left:19em;
    top:-9.61em;
    background-color:orangered;
    box-shadow: 0 0 10px rgba(255,255,255, 0.9);
}

#bus24Title {
    position:relative;
    top:-20px;
    left:120px;
    font-size:85px;
    font-weight:100;
}

#bus105 {
    position:relative;
    width: 200px;
    height:200px;
    padding: 2em;
    margin: 2em;
    left:48em;
    top:-29.3em;
    background-color:blueviolet;
    box-shadow: 0 0 10px rgba(255,255,255, 0.9);
}

#bus105Title {
    position:relative;
    top:-20px;
    left:80px;
    font-size:85px;
    font-weight:100;
}
